import React from 'react';
import { Layout,theme,Breadcrumb } from 'antd';
const { Header } = Layout;

const Headers = () => {
    const {
        token: { colorBgContainer },
    } = theme.useToken();
    return (

        <Header
            style={{
                background: colorBgContainer,
            }}
        >
            {/* 面包屑 */}
            <Breadcrumb
              style={{
                margin: '16px 16px',
              }}
            >
              <Breadcrumb.Item>Home</Breadcrumb.Item>
              <Breadcrumb.Item>List</Breadcrumb.Item>
              <Breadcrumb.Item>App</Breadcrumb.Item>
            </Breadcrumb>
        </Header>
       

    )
}
export default Headers;